@import "config.scss";
body,html{
  background: $bodyBgColor;
  color:#333;
  min-height:100%;
  line-height: 21px!important;
}
ul,li,ol{
  list-style:none;
  padding:0;
  margin:0;
}
p{
  color:$c_666;
  margin-bottom:5px;
}
h1{
  font-size:15px;
  line-height: 1.2em;
  font-weight: normal;
}
a,a:active{
  color:#333;
}
.c_white{
  color:$white;
}
.c_green{
  //color:$greenColor;
}
.c-333{
  color:$c_333;
}
.c-666{
  color:$c_666;
}
.c-999{
  color:$c_999;
}
.c-ccc{
  color:#ccc;
}
.c-484848{
  color: #484848;
}
.c-orange{
  color:#ea8337;
}
.deepRed{
  color:$deepRed;
}
.bg-eee{
  background-color: $c_eee;
}
.bg_f5{
  background: $bg_f5;
}
.bg_f7{
  background-color:$bg_f7;
}
.bg-white{
  background-color: $white;
}
.bg-bbb{
  background-color: $c_bbb;
}
.pf{
  position:fixed;
}
.pr{
  position: relative;
}
.pa{
  position: absolute;
}
.bold{
  font-weight: 500;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.f10{
  font-size: 10px;
}
.f11{
  font-size:11px;
}
.f12{
  font-size: 12px;
}
.f13{
  font-size: 13px;
}
.f14{
  font-size: 14px;
}
.f15{
  font-size: 15px;
}
.f16{
  font-size: 16px;
}
.f17{
  font-size: 17px;
}
.f18{
  font-size:18px;
}
.f19{
  font-size:19px;
}
.f20{
  font-size:20px;
}
.f24{font-size: 24px;}
.f30{
  font-size: 30px;
}
.tc{
  text-align:center;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
//列表下边框
.list-border-b{
  >li,>a{
    position:relative;
    &:after{
      position: absolute;
      left:0;
      bottom: 0;
      right:0;
      height: 1px;
      content: '';
      transform: scaleY(.5);
      -webkit-transform: scaleY(.5);
      background-color: $borderColor;
    }
    &:last-child:after{
      height:0;
    }
  }
}
//单独下边框
.border-bottom{
  position:relative;
  &:after{
    position: absolute;
    left:0;
    bottom: 0;
    right:0;
    height: 1px;
    content: '';
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
    background-color: $borderColor;
  }
}
.border-bottom{
  .border-left-15{
    &:after{
      left:15px;
    }
  }

}
.list-border-r{
  >li,>a{
    position:relative;
    &:after{
      position: absolute;
      top:0;
      right:0;
      width:1px;
      height: 100%;
      content: '';
      transform: scaleX(.5);
      -webkit-transform: scaleX(.5);
      background-color: $borderColor;
    }
    &:last-child:after{
      height:0;
    }
  }
}
.border-right{
  position:relative;
  &:after{
    position: absolute;
    top:0;
    right:0;
    width:1px;
    height: 100%;
    content: '';
    transform: scaleX(.5);
    -webkit-transform: scaleX(.5);
    background-color: $borderColor;
  }
}
.border-top{
  position:relative;
  &:before{
    position: absolute;
    top:0;
    left:0;
    right:0;
    height: 1px;
    content: '';
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
    background-color: $borderColor;
  }
}
.btn{
  line-height: 30px;
  padding:0;
  border-radius: 15px;
  font-size: 13px;
  background-color:transparent;
}
.btn-clear{
  width:60px;
  height:30px;
  line-height: 30px;
  //background: $greenColor;
  color: $white;
  border:none;
}
.btn-green{
  //border:solid 1px $greenColor;
  //color:$greenColor;
}
.btn-gray{
  border:solid 1px $c_b5;
  color:$c_666;
}
.btn-bbb-bg{
  background: $c_bbb;
}
.btn-gray-light{
  border:solid 1px $c_999;
  color:$c_999;
}
.btn-read{
  width:75%;
}
.cbo{
  overflow: hidden;
}
.oao{
  overflow: auto;
}
.db{
  display:block;
}
.block-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate3d(-50%,-50%,0);
}
.centerX{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.centerY{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.center{
  display:flex;
  justify-content: center;
  align-items: center;
}
.row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: -12px;
  margin-left: -12px;
}
.col{
  flex:1;
  -webkit-flex: 1;
}
.no-border-t{
  &:before{
    height:0;
  }
}
.no-border-b{
  &:after{
    height:0;
  }
}
.no-border-tb{
  &:before,&:after{
    height:0;
  }
}
.noBorder{
  border:none;
}
.m-auto{
  margin-left:auto;
  margin-right:auto;
}
.mr5{
  margin-right:5px;
}
.mr8{
  margin-right:8px;
}
.mr10{
  margin-right:10px;
}
.mr15{margin-right: 15px;}

.mr20{
  margin-right:20px;
}
.ml10{
  margin-left:10px;
}
.mt10{
  margin-top:10px;
}
.mt20{
  margin-top:20px;
}
.mt30{
  margin-top:30px;
}
.mt50{
  margin-top:50px;
}
.mtb50{
  margin-top:50px;
  margin-bottom:50px;
}
.mb10{
  margin-bottom: 10px;
}
.mb20{
  margin-bottom:20px;
}
.mt5{
  margin-top:5px;
}
.mt15{
  margin-top:15px;
}
.mr13{
  margin-right:13px;
}
.ml20{
  margin-left:20px;
}
.bg-full{
  height:100vh;
}
.bg-min-full{
  min-height: 100vh;
}
.pl34{
  padding-left:34px;
}
.ptb6{
  padding-top:6px;
  padding-bottom:6px;
}
.ptb12{
  padding-top:12px;
  padding-bottom:12px;
}
.ptb15{
  padding-top:15px;
  padding-bottom:15px;
}
.border-left-10{
  li:after{
    left:10px;
  }
}
.pt55{
  padding-top:55px;
}
.pt5{
  padding-top:5px;
}
.pt10{
  padding-top:10px;
}
.pt15{
  padding-top:15px;
}
.pt90{
  padding-top:45px;
}
.pb5{padding-bottom:5px;}
.pb10{
  padding-bottom:10px;
}
.pb15{
  padding-bottom:15px;
}
.pb20{
  padding-bottom:20px;
}
.pr5{
  padding-right: 5px;
}
.pr10{
  padding-right:10px;
}
.prl10{
  padding-left:10px;
  padding-right: 10px;
}
.prl20{
  padding-left:20px;
  padding-right:20px;
}
.ptb10{
  padding-top:10px;
  padding-bottom:10px;
}
.prl15{
  padding-left:15px;
  padding-right: 15px;
}
.ptb15{
  padding-top:15px;
  padding-bottom:15px;
}
.mt-10{
  margin-top:-10px;
}
.pl5{
  padding-left:5px;
}
.pl10{
  padding-left:10px;
}
.pl25{padding-left:25px;}
.pr20{padding-right:20px;}
.pl20{padding-left:20px;}
.p10{
  padding:10px;
}
.p15{padding:15px;}
.p20{
  padding:20px;
}

.pt20{
  padding-top:20px;
}
.pt26{
  padding-top:26px;
}
.pt35{
  padding-top:35px;
}
.pt40 {
  padding-top: 40px;
}
.pb60{
  padding-bottom:60px;
}
.ptb10{
  padding-top:10px;
  padding-bottom:10px;
}
.pl15{
  padding-left:15px;
}
.pl50{
  padding-left:50px;
}
.tj{
  text-align: justify;
}
.mt5{
  margin-top:5px;
}
.mt10{
  margin-top:10px;
}
.mb10{
  margin-bottom:10px;
}
.mt40{margin-top: 40px;}
input::placeholder,textarea::placeholder{
  color:$c_999;
}
textarea{padding:10px;}
.border-left-0{
  li:after{
    left:0;
  }
}
body.modal-open {
  position: fixed;
  width: 100%;
}
.text-indent-2em{
  text-indent: 2em;
}
.display-flex-col{
  display:flex;
  flex-direction: column;
}
.clamp1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.clamp2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.clamp5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 5;
  -webkit-line-clamp: 5;
}
.btn-large{
  width:100%;
}
.c-red{
  color:#f60303;
}
.c-bbb{
  color:#bbb;
}
.w100{
  width:100%;
}
.h100{
  height: 100%;
}
.btn-circle{
  border-radius:100px;
}
.space-between{
  justify-content: space-between;
  align-items: baseline;
}
.space-around{
  justify-content: space-around;
}
.align-items-center{
  align-items: center;
}
.text-single-row{
  flex:1;
  white-space: nowrap;
  width:0;
  overflow: hidden;
  text-overflow: ellipsis;
}
//文章样式
.psg-content{
  overflow: hidden;
  img{
    height: auto!important;
    max-width: 100%!important;
  }
}
.vm{vertical-align: middle}
.bg-999{background-color:$c_999;}
.g-line-gray{background: $c_f9;height: 6px;}
.row-flex-end{justify-content: flex-end;}
.service-suggest-wrap{
  border:solid 1px $borderColor;
}
.service-suggest-textarea{
  padding:0;
}
.btn-sugg-submit{
  border:none;
  padding-left:1.8em;
  padding-right:1.8em;
}
.pic-building{width:57.8%;max-width:220px;}
.no-data-img {
  width: 94px;
}
.text-nowrap{
  white-space: nowrap;
}
.bg-ddd{
  background: #ddd;
}
.form-required{
  position: relative;
  &:before{
    position: absolute;
    left:1px;
    content:'*';
    color:$deepRed;
    font-size:20px;
    top:2px;
  }
}
.line-height-1dot5{
  line-height: 1.5em;
}

.input::placeholder {
  color: #999;
}

input::-webkit-input-placeholder {
  color: #999;
}

input:disabled::placeholder {
  color: #999;
  -webkit-text-fill-color: #999;
  opacity: 1;
}
//不能编辑的
input[disabled], input:disabled {
  color: #333;
  -webkit-text-fill-color: #333;
  opacity: 1;
}
.dn{display: none;}
//去掉图片区域背景色
.background-none{
  background: none;
}
//删除图片按钮
.croppa-container svg.icon-remove{
  -webkit-filter: drop-shadow(0 0 0 rgba(0,0,0,0.7));
  filter: drop-shadow(0 0 0 rgba(0,0,0,0.7));
  border:none;
}
textarea, input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
    color:#333;
}
.block-gray-margin{
  margin-top:6px;
}
.btn-sm{
  border:none;
  border-radius: 4px;
  padding:5px 10px;
}
.overflow-hidden{overflow: hidden}

